@import "common.styl"
.mine-hd
  padding px2rem(16px) px2rem(16px) px2rem(10px)
  .hd-wrap
    padding px2rem(16px)
    border-radius px2rem(8px)
    .img-box
      width px2rem(80px)
      height px2rem(80px)
      border-radius px2rem(4px)
      background #e0e0e0
      flex-shrink  0
      overflow hidden
      img
        width 100%
        height 100%
    .import-info
      overflow hidden
    .info-box
      margin 0 px2rem(8px) 0 px2rem(15px)
      overflow hidden
      li
        white-space nowrap
        overflow hidden
        text-overflow ellipsis
        width 100%
      .name
        font-size px2rem(20px)
      .company
        color $garyColor
      .job
        margin px2rem(10px) 0
    .update-btn
      .ra
        font-size px2rem(18px)
        color $lightColor
    .basic-info
      align-items flex-end
      padding px2rem(20px) 0 0
      .info
        li
          line-height px2rem(20px)
          font-size px2rem(11px)
          color $garyColor
          &.tel
            .ra
              color #4bcfc4
              margin-right px2rem(6px)
          &.email
            .ra
              color #f9b854
              margin-right px2rem(6px)
      .qr-btn
        .ra
          font-size px2rem(16px)
          color $lightColor


.mine-nav
  ul
    li
      background-color #fff
      padding 0 px2rem(20px)
      line-height px2rem(40px)
      font-size px2rem(13px)
      position relative
      .ra-box
        width px2rem(24px)
        height px2rem(24px)
        border-radius 100%
        line-height px2rem(24px)
        text-align center
        background-color #34b0ff
        margin-right px2rem(20px)
        .ra
          color #fff
          font-size px2rem(16px)
